﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="Gallery.aspx.cs" Inherits="Gallery" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <link href="css/Gallery.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript">
        $(document).ready(function () {
            $('#cssmenu ul li').removeClass('active');
            $('#cssmenu ul li.4').addClass('active');
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentImage" Runat="Server">
    <img src="images/artical-banner.png" alt="">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentMain" Runat="Server">
    <h1 class="top-heading">Gallery</h1>
    <div class="po-main">
        <asp:DataList ID="DataList_Gallery" runat="server" DataKeyField="ID" 
            DataSourceID="SqlGetAllGallery" RepeatColumns="4" RepeatDirection="Horizontal" 
            Width="100%">
            <ItemTemplate>
                <a href='<%# (Convert.ToInt32(Eval("TypeId"))==1 ? "GalleryIphone.aspx" : (Convert.ToInt32(Eval("TypeId"))==2 ? "GalleryAndroid.aspx" : (Convert.ToInt32(Eval("TypeId"))==5 ? "GalleryIpad.aspx" : "GalleryDetail.aspx" ))) + "?Id="+Eval("Id") %>'>
                  <div class="po-box"> 
              	    <div class="screen"><img src='<%#"images/Gallery/"+ Eval("Image") %>' alt="" width="100" height="100"></div>
                    <div class="po-title"><%# Eval("Name") %><br><br>
                    </div>               
                  </div>
                </a>
            </ItemTemplate>
        </asp:DataList>    
    </div>
    <asp:SqlDataSource ID="SqlGetAllGallery" runat="server" 
        ConnectionString="<%$ ConnectionStrings:ConnectionString %>" 
        SelectCommand="GetAllGallery" SelectCommandType="StoredProcedure">
        <SelectParameters>
            <asp:Parameter DefaultValue="0" Name="Id" Type="Int32" />
        </SelectParameters>
    </asp:SqlDataSource>

    <div class="media" style="clear:both; padding-top:7px;">
        <a class="pull-left" href="#">
            <img class="media-object" data-src="holder.js/64x64" src="images/gallery-img.jpg" alt="">
        </a>
        <div class="media-body">
            <p><strong>Why Mobile Matters</strong><br>
                <span class="gallery_content">Right now is the perfect time to mobilize.&nbsp; Everyone has a smartphone or a mobile device,  and people are beginning to use these devices more than their desktop  computers.&nbsp; To get the full picture of  our culture’s mobile revolution, check out this article on Why Mobile Matters – Now More than</span> 
                <a href="pdf/why-mobile-matters.pdf" target="_blank" class="heading02">Ever.</a>
            </p>
        </div>
    </div>

    <div class="media" style="clear:both; padding-top:7px;">
        <a class="pull-left" href="#">
            <img class="media-object" data-src="holder.js/64x64" src="images/gallery-img2.jpg" alt="">
        </a>
        <div class="media-body">
            <p>
                <strong>How Mobilization Can Transform Your Business</strong><br>
                All businesses can find ways to apply mobile technologies to their business operations that inevitably increase sales or improve productivity.&nbsp;It depends on your individual business what mobile strategy will give you the fastest positive return on your investment.&nbsp;Find more ways you can use mobile technology in your business in this article on 
                <a href="pdf/iphone.pdf" target="_blank" class="heading02">iPhone Application Development.</a>
            </p>
        </div>
    </div>

    <div class="media" style="clear:both; padding-top:7px;">
        <a class="pull-left" href="#">
        <img class="media-object" data-src="holder.js/64x64" src="images/gallery-img3.jpg" alt="">
        </a>
        <div class="media-body">
            <p>
                <strong>Hiring a Mobile Developer </strong><br>
                Any businesses can gain value through mobilization, but only if they have the right mobile development partner working for them.&nbsp;In addition to finding a partner with experience, references, and expertise, there are six other considerations you should take into account.&nbsp;Learn more about these considerations and what to look for in a mobile provider in<br>
                <a href="pdf/article.pdf" target="_blank" class="heading02">6 Things to Consider When Partnering with a Mobile Developer.</a>
            </p>
        </div>
    </div>

    <div class="media" style="clear:both; padding-top:7px;">
        <a class="pull-left" href="#">
        <img class="media-object" data-src="holder.js/64x64" src="images/gallery-img4.jpg" alt="">
        </a>
        <div class="media-body">
            <p>
                <strong>Our Mobile Portfolio</strong><br>
                <span class="gallery_content">See what mobile applications AllianceTek has developed in the</span> 
                <a href="#" class="heading02">past  for our clients.</a>
            </p>
        </div>
    </div>
    <br class="clear">
    <br />

</asp:Content>

